<template>
    <div class="faq">
        <div class="container">
            <h1>FAQ</h1>

            <div class="faq-wrap">
                <!-- 标题 -->
                <div class="title-wrap">
                    <p 
                        :class="['title', { 'title__active': index === activeIndex }]" 
                        v-for="(title, index) in titles" :key="index" 
                        @click="() => { activeIndex = index }"
                    >
                        {{title}}
                    </p>
                </div>

                <!-- 内容 -->
                <div class="faq-content">
                    <div 
                        v-for="(item, index) in content[activeIndex]" 
                        :key="index" 
                    >
                        <div class="faq-content-item" @click="changeFlag(index)">
                            <p class="faq-content-title">{{item.title}}</p>

                            <p 
                                :class="['faq-content-description', {'faq-content-description__active': index === flags[activeIndex]}]"
                                v-html="item.content">
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  data () {
    return {
        activeIndex: 0, // 活跃下标
        titles: [
            'SPLASH DRONE 3+',
            'SPRY'
        ],
        flags: [
            0, 0
        ],
        content: [
            [
                {
                    title: 'Q: What are the differences between the SplashDrone 3 and the SplashDrone 3+',
                    content: 'The SplashDrone 3+ is the latest addition to the SwellPro family of waterproof drones. Here is a list of just some of the improvements and enhancements that are included:' +
                    '<div class="li-wrap">Extended flight times<br/>New LiHV battery with 3 levels of battery warning<br/>New Smooth+ remote controls<br/> Power-Flip function when floating<br/>Enhanced waterproofing throughout<br/> Circuit board moisture protection coating<br/> Lost Drone Location Beacon option<br/> Tuned flight control feel<br/> New and improved 3-axis gimbal 4K camera<br/> New heat management system<br/> Easier hatch fastenings<br/> New carry case for drone & accessories<br/> Striking new colour scheme</div>'
                },
                {
                    title: 'Q: Are there different versions of the SplashDrone 3+?',
                    content: 'A: The previous SplashDrone 3 was sold in two versions. Now buy the SplashDrone 3+ as a base platform and add the modules you want to be able to film, fish, rescue, etc. Every module easily and quickly attaches to the drone as required. '
                },
                {
                    title: 'Q: What is the maximum flight speed of the SplashDrone 3+?',
                    content: 'A: 72km/h (45mph) in ATTI mode, 58km/h (36mph) in GPS mode '
                },
                {
                    title: 'Q: How much load can the SplashDrone 3+ carry?',
                    content: 'A: SplashDrone 3+ has a maximum take-off weight of 3.2kg. This generally means that the drone can carry a maximum payload of 1kg. '
                },
                {
                    title: 'Q: What is the maximum resolution of the 4KGC-3 camera?',
                    content: 'A: The SplashDrone 3+ GC3 3-axis gimbal camera has a maximum video resolution is 4K 30FPS video (3840×2160). The photo resolution is 16MP.'
                },
                {
                    title: 'Q: Is the camera different on 4KGC-3 camera than the previous camera?',
                    content: 'A: Yes, the GC3 camera is all new, sharper detail, better colour balance, improved metering and higher resolution. This is an all-new camera.'
                },
                {
                    title: 'Q: Can I use the SplashDrone 3+ to see objects underwater?',
                    content: 'A: Yes, when the SplashDrone 3+ lands on the surface of the water, the camera is positioned underwater to capture the underwater scenery.'
                },
                {
                    title: 'Q: Is the SplashDrone 3+ able to return to a boat that has moved from the take-off location?',
                    content: 'A: In Return-Home mode, the SplashDrone 3+ returns to the take-of GPS location. However, with the Ground Station, the SplashDrone 3+ can be instructed via the mobile APP to return to the current location.'
                },
                {
                    title: 'Q: Can the SplashDrone 3+ be used underwater?',
                    content: 'A: The SplashDrone 3+ floats safely on water, but is not designed to submerge further.  It is designed to fly in wet weather and take-off and land on water. Think of it as a flying boat, not a submarine.'
                },
                {
                    title: 'Q: What is the flight time for SplashDrone 3+?',
                    content: 'A: The average maximum flight time with the LiHV battery is over 22 minutes. Flight time can be affected by the characteristics of the flight, payload and wind conditions.'
                },
                {
                    title: 'Q: What is the maximum wind speed that the SplashDrone 3+ can fly in?',
                    content: 'A: The SplashDrone 3+ is able to fly and hover in wind speeds of up to 27 km/h (17 mph) or Beaufort force 4 with wind gusts up to 43km/h (27mph) or Beaufort force 6.'
                },
                {
                    title: 'Q: Does the SplashDrone 3+ have an optical positioning system?',
                    content: 'A: As optical positioning systems do not work over water, the SplashDrone 3+ uses multiple other sensors to provide hovering and flight positioning.'
                },
                {
                    title: 'Q: Is the remote controller waterproof?',
                    content: 'A: Although the SplashDrone 3+ and its payload modules are all waterproof, the remote controller is not currently waterproof. We are working on a waterproof version for a future release.'
                },
                {
                    title: 'Q: How does the Location Beacon work?',
                    content: "A: With the SplashDrone 3+ and the optional GroundStation, if you inadvertently lose or crash your drone out of sight, even with very low batteries, the Location Beacon will instantly provide the drone's location, pinpointed on your mobile device with voltage and altitude data to assist recovery. This feature uses a separate low-frequency (433/915Mhz) signal which propagates well through obstacles. Range ~1km."
                },
                {
                    title: 'Q: Will more payload modules be released for the SplashDrone 3+?',
                    content: 'A: At SwellPro, we are dedicated to the evolution of the waterproof drone. Our R&D department is constantly testing and developing new ideas and products. We will continue to release new imaging and payload release modules for the SplashDrone platform and welcome your ideas for new designs.'
                },
                {
                    title: 'Q: What is the effective range of the SplashDrone 3+?',
                    content: 'A: In unobstructed conditions, the SplashDrone 3+ can reach an effective range of 2.5km and can be limited by software settings on the Flight Controller.'
                },
                {
                    title: 'Q: What are the different flight modes available on the remote controller?',
                    content: 'A: Four different flight modes are available:<div class="li-wrap">1.GPS mode – the drone manages its hover stability using GPS and other sensors.<br>2.Smart Cruise mode – Yaw and pitch are combined onto the right-hand joystick for ease of use or photography.<br>3.Atti mode – speed and distance restrictions as well as GPS positioning are disabled, but Altitude stability is enabled.<br>4. Smooth+ - switch from joysticks to variable controls for a super smooth flight experience.</div>'
                },
                {
                    title: 'Q: Can the SplashDrone 3+ be used in salt water environments?',
                    content: 'A: Yes. The SplashDrone 3+ is built for marine environments with corrosion resistant materials and seals. Like any ruggedized electronics, always rinse the drone thoroughly after use in harsh environments.'
                },
                {
                    title: 'Q: Can the SplashDrone 3+ takeoff and land on water?',
                    content: 'A: Yes. The power system and carbon-fibre propellers have more than enough power to lift-off from the water surface.'
                },
                {
                    title: 'Q: Can the SplashDrone 3+ be used in rain or snow?',
                    content: 'A: Yes.'
                },
                {
                    title: 'Q: Does the SplashDrone 3+ come with a carry case?',
                    content: 'A: Yes. The SplashDrone 3+ comes complete with a custom-made carry case that cushions and protects your investment and accessories.'
                },
                {
                    title: 'Q: What is the charging time of the SplashDrone 3+ battery?',
                    content: 'A: Approximately one hour.'
                },
                {
                    title: 'Q: Can the 4K gimbal camera and payload release module be used on the SplashDrone 3+ at the same time?',
                    content: 'A: No, they work separately. However the PL2 and PL3 release modules have cameras onboard for finding the best fishing areas. '
                },
                {
                    title: 'Q: What is the difference between the PL2 and PL3 release modules?',
                    content: 'A: The PL2 has a fixed HD camera whose angle can be manually adjusted prior to flight. The camera provides live video feed back to the Remote Controller. The PL3 has a 4K camera with tilt stabilization and control that can record video and photos to an inbuilt microSD card.'
                },
            ],
            [
                {
                    title: 'Q: Is the Spry fully waterproof?',
                    content: 'A: Yes, the Spry and its remote control are fully waterproof.'
                },
                {
                    title: 'Q: What’s the fight time and distance?',
                    content: 'A: 15-17 minutes, 800 meters '
                },
                {
                    title: 'Q: Is the Spry camera waterproof or is the external lens what protects camera from water?',
                    content: 'A: The lens protects the camera from water.'
                },
                {
                    title: 'Q: Does the Spry have a payload release mechanism like the Splash Drone?',
                    content: 'A: The Spry has an expansion port at the bottom for future accessories. One of the accessories planned for the future is a small bait release that can lift about 12 ounces (340 grams)'
                },
                {
                    title: 'Q: How long does it take to fully charge the battery?',
                    content: 'A: 90-100 minutes'
                },
                {
                    title: 'Q: Does the Spry have obstacle avoidance?',
                    content: 'A: No'
                },
                {
                    title: 'Q: What happens if the Spry upside down on the water?',
                    content: 'A: If the Spry lands upside down, you can flip the flight mode switch to put it on manual mode and the Spry will slightly go under water, flip and float back with the motors facing up.'
                },
                {
                    title: 'Q: Does the Spry have 3 axis gimbal?',
                    content: 'A: No. The Spry doesn’t have a gimbal. Instead it has a servo that can tilt up and down during flight. '
                },
                {
                    title: 'Q: Does the Spry have camera stabilization?',
                    content: 'A: Yes, the Spry camera has internal electronic image stabilization (EIS). These settings can be accessed from the Spry App.'
                },
                {
                    title: 'Q: Can I use other video goggles with the Spry?',
                    content: 'A: Yes, most FPV goggles will work with the Spry'
                },
            ],
        ]
    };
  },

  head() {
    return {
        title: 'Most Frequently Asked Questions - Swellpro',
        meta: [
            { hid: 'description', name: 'description', content: 'Swellpro is always trying to provide answers to all common questions about waterproof drones asked by our customers.'},
        ]
    }
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {
      changeFlag(flag) {
          this.flags.splice(this.activeIndex, 1, flag)
      }
  }
}

</script>
<style lang='stylus'>
.faq
    background rgb(245, 246, 245)
    .container
        background #fff
        padding 20px 30px
        h1
            color #000
            font-size 25px
    &-wrap
        display flex
        .title
            font-size 15px
            font-weight 800
            color rgba(81, 90, 110, .8)
            padding-bottom 30px
            cursor pointer
            &__active
                color #000
            &-wrap
                flex 0 0 200px
                padding 20px
                border-right 1px solid #dcdee2
    &-content
        flex 1
        box-sizing border-box
        padding 0 20px
        border-top 1px solid #dcdee2
        &-item
            border-bottom 1px solid #dcdee2
            padding 10px 0
            cursor pointer
        &-description
            color rgba(81, 90, 110, .8)
            padding-top 10px
            overflow hidden
            transition all .4s
            max-height 0px
            &__active
                max-height 1000px
.li-wrap
    padding 15px
    line-height 30px
    font-size 15px
</style>